<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

<!-- Favicon Icon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />

<!-- inject css start -->

<link href="assets/css/theme-plugin.css" rel="stylesheet" />
<link href="assets/css/theme.min.css" rel="stylesheet" />

<!-- inject css end -->

</head>

<body class="bg-light-4">

<!-- page wrapper start -->

<div class="page-wrapper"> 
  
  <!-- preloader start -->
  
  <div id="ht-preloader">
    <div class="loader clear-loader"> <img class="img-fluid" src="assets/images/loader.gif" alt=""> </div>
  </div>
  
  <!-- preloader end --> 
  
  <!--header start-->
  
  <header class="site-header header-5">
    <div class="header-top bg-blue pt-1">
      <div class="container">
        <div class="col-md-12">
          <div class="row justify-content-end">
            <div class="language-selection font-w-3">
              <div class="d-flex align-items-center justify-content-center justify-content-md-end">
                <div class="ml-3">
                  <select name="countries" class="custome_select">
                    <option value='USD' data-title="USD">USD</option>
                    <option value='EUR' data-title="EUR">EUR</option>
                    <option value='GBR' data-title="GBR">GBR</option>
                  </select>
                </div>
                <div class="lng_dropdown">
                  <select name="countries" class="custome_select">
                    <option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
                    <option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
                    <option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
                  </select>
                </div>
              </div>
            </div>
            <ul class="header_list">
              <li><a href="compare.html"><i class="icon fa fa-user"></i><span>My Account</span></a></li>
              <li><a href="wishlist.html"><i class="icon fa fa-check"></i><span>Checkout</span></a></li>
              <li><a href="wishlist.html"><i class="icon fa fa-heart"></i><span>Wishlist</span></a></li>
              <li><a href="login.html"><i class="icon fa fa-lock"></i><span>Login</span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="py-md-4 py-4">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-12 col-lg-3 d-none d-md-flex align-items-center"> <a class="navbar-brand logo d-none d-lg-block" href="index.html"> <img class="img-fluid" src="assets/images/logo3.png" alt=""> </a> </div>
          <div class="col-md-8 col-lg-7 col-sm-10 col-10">
            <div class="right-nav align-items-center d-flex justify-content-end">
              <form class="form-inline w-100">
                <select class="custom-select rounded-left form-control d-none d-lg-inline d-md-inline">
                  <option selected>All Categories</option>
                  <option value="1">Men</option>
                  <option value="2">Women</option>
                  <option value="3">Kids</option>
                </select>
                <input class="form-control border-0 rounded-0 border-left col" type="search" placeholder="Enter Your Keyword" aria-label="Search">
                <button class="btn btn-yellow text-white col-auto rounded-right" type="submit"><i class="fa fa-search" aria-hidden="true"></i></i> </button>
              </form>
            </div>
          </div>
          <div class="col-md-4 col-lg-2 col-sm-2 col-2 pl-0">
            <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center cart-d" href="#"> <span class="px-2 py-1 rounded" data-cart-items="2"> <i class="fa fa-shopping-cart" aria-hidden="true"></i> </span>
              <div class="ml-2 d-none d-md-block cart-details"> <span class="text-white"><span class="label">Cart -</span> $752.00</span> </div>
              </a>
              <div class="cart_box dropdown-menu dropdown-menu-right">
                <ul class="cart_list">
                  <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product-thumb/p3.jpg" alt="cart_thumb1">Variable product 001</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span> </li>
                  <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product-thumb/p6.jpg" alt="cart_thumb2">Ornare sed consequat</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span> </li>
                </ul>
                <div class="cart_footer">
                  <p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
                  <p class="cart_buttons"><a href="#" class="btn btn-secondary view-cart ml-2 mr-2">View Cart</a><a href="#" class="btn btn-yellow-dark ml-2 mr-2 checkout">Checkout</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="header-wrap" class="shadow-sm">
      <div class="container">
        <div class="row m-0"> 
          <!--menu start-->
          <div class="col p-0">
            <nav class="navbar navbar-expand-lg navbar-light position-static"> <a class="navbar-brand logo d-lg-none" href="index.html"> <img class="img-fluid" src="assets/images/logo3.png" alt=""> </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown">Home</a>
                    <ul class="dropdown-menu">
                      <li><a href="index.html">Fashion 1</a> </li>
                      <li><a href="index-2.html">Fashion 2</a> </li>
                      <li><a href="index-3.html">Fashion 3</a> </li>
                      <li><a href="index-4.html">Electronics</a> </li>
                      <li><a href="index-5.html">Organic</a> </li>
                      <li><a href="index-6.html">Furniture</a> </li>
                      <li><a href="index-7.html">Kids</a> </li>
                      <li><a href="index-8.html">Car Dealer</a> </li>
                   </ul>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Categories</a>
                    <div class="dropdown-menu w-100"> 
                      <!-- Tabs -->
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-lg-8 p-lg-3">
                            <div class="row">
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Clothing</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Western Wear</a></li>
                                  <li> <a href="#">Fitness &amp; Outdoors</a></li>
                                  <li> <a href="#">Ethnic Wear</a></li>
                                  <li> <a href="#">Beach Clothing</a></li>
                                  <li> <a href="#">Swimsuits</a></li>
                                  <li> <a href="#">Casual Dresses</a></li>
                                  <li> <a href="#">Raincoats</a></li>
                                  <li> <a href="#">Maternity</a></li>
                                  <li> <a href="#">Lingerie</a></li>
                                  <li> <a href="#">Sleep &amp; Lounge Wear</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Accessories</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Caps &amp; Hats</a> </li>
                                  <li> <a href="#">Gloves &amp; Warmers</a></li>
                                  <li> <a href="#">Earmuffs</a></li>
                                  <li> <a href="#">Handkerchiefs</a></li>
                                  <li> <a href="#">Shawls</a></li>
                                  <li> <a href="#">Belts</a></li>
                                  <li> <a href="#">Suspenders</a></li>
                                  <li> <a href="#">Wallets</a></li>
                                  <li> <a href="#">Pocket Squares</a></li>
                                  <li> <a href="#">Watches</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Jwellery</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Earrings</a> </li>
                                  <li> <a href="#">Chains &amp; Necklaces</a></li>
                                  <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                  <li> <a href="#">Pendants</a></li>
                                  <li> <a href="#">Anklets</a></li>
                                  <li> <a href="#">Coins &amp; Bars</a></li>
                                  <li> <a href="#">Nose Rings &amp; Pins</a></li>
                                  <li> <a href="#">Beads &amp; Charms</a></li>
                                  <li> <a href="#">Shirt Accessories</a></li>
                                  <li> <a href="#">Chains</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Shoes</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-0">
                                  <li> <a href="#">Running Shoes</a> </li>
                                  <li> <a href="#">Sneakers</a></li>
                                  <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                  <li> <a href="#">Boots</a></li>
                                  <li> <a href="#">Formal Shoes</a></li>
                                  <li> <a href="#">Hiking Footwear</a></li>
                                  <li> <a href="#">Casual Shoes</a></li>
                                  <li> <a href="#">Ethnic Footwear</a></li>
                                  <li> <a href="#">Fashion Slippers</a></li>
                                  <li> <a href="#">Ballet Flats</a></li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-4 d-none d-lg-block pr-2"> <img class="img-fluid rounded-bottom rounded-top" src="assets/images/header-img.jpg" alt="..."> </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Shop</a>
                    <div class="dropdown-menu w-100 custom-drop">
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Shop Layout</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-grid.html">Product Grid</a> </li>
                              <li> <a href="product-grid-left-sidebar.html">Product Grid Left Sidebar</a> </li>
                              <li> <a href="product-grid-right-sidebar.html">Product Grid Right Sidebar</a> </li>
                              <li> <a href="product-list.html">Product List</a> </li>
                              <li> <a href="product-list-left-sidebar.html">Product List Left Sidebar</a> </li>
                              <li> <a href="product-list-right-sidebar.html">Product List Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Product Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-default.html">Product Default</a> </li>
                              <li> <a href="product-default-right-image.html">Product Default Right Image</a> </li>
                              <li> <a href="product-left-image.html">Product Left Image</a> </li>
                              <li> <a href="product-right-image.html">Product Right Image</a> </li>
                              <li> <a href="product-left-sidebar.html">Product Left Sidebar</a> </li>
                              <li> <a href="product-right-sidebar.html">Product Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Other Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="shopping-cart.html">Shopping Cart</a> </li>
                              <li> <a href="checkout.html">Checkout</a> </li>
                              <li> <a href="my-account.html">My Account</a> </li>
                              <li> <a href="wishlist.html">Wishlist</a> </li>
                              <li> <a href="compare.html">Compare</a> </li>
                              <li> <a href="order-complete.html">Order Completed</a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                    <ul class="dropdown-menu">
                      <li> <a href="about-us.html">About Us</a> </li>
                      <li> <a href="login.html">Login</a> </li>
                      <li> <a href="signup.html">Signup</a> </li>
                      <li> <a href="forgot-password">Forgot Password</a> </li>
                      <li> <a href="coming-soon.html">Coming Soon</a> </li>
                      <li> <a href="error-404.html">404 Error</a> </li>
                      <li> <a href="faq.html">FAQ</a> </li>
                      <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                      <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Blog</a>
                    <ul class="dropdown-menu">
                      <li><a href="blog-grid.html">Blog Grid</a> </li>
                      <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                      <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                      <li><a href="blog-list-left.html">Blog List Left</a> </li>
                      <li><a href="blog-list-right.html">Blog List Right</a> </li>
                       <li><a href="blog-detail.html">Blog Detail</a> </li>
                       <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                       <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact Us</a> </li>
                  <li class="nav-item"> <a class="nav-link" href="about-us.html">About Us</a> </li>
                  <li class="nav-item"> <a class="nav-link text-yellow" href="#">Todays Offer</a> </li>
                </ul>
              </div>
            </nav>
          </div>
          <!--menu end--> 
        </div>
      </div>
    </div>
  </header>
  
  <!--header end--> 
  
  <!--hero section start-->
  
  <section class="banner pos-r p-0 mt-5">
    <div class="container">
      <div class="row">
        <div class="col-lg-3">
          <div class="categories_wrap">
            <div class="head"><i class="las la-bars"></i> Categories</div>
            <div id="navCatContent" class="nav_cat navbar">
              <ul>
                <li class="dropdown dropdown-mega-menu"> <a class="dropdown-item nav-link dropdown-toggler" href="#" data-toggle="dropdown"><i class="las la-laptop"></i> <span>Computer</span></a>
                  <div class="dropdown-menu">
                    <ul class="mega-menu d-lg-flex">
                      <li class="mega-menu-col col-lg-7">
                        <ul class="d-lg-flex mt-0">
                          <li class="mega-menu-col col-lg-6">
                            <ul>
                                         <li> <a href="#">Laptops</a></li>
                                        <li> <a href="#">Hard Drives</a></li>
                                        <li> <a href="#">Motherboards</a></li>
                                        <li> <a href="#">Graphic Cards </a></li>
                                        <li> <a href="#">Processors</a></li>
                                        <li> <a href="#">Keyboards </a></li>
                                        <li> <a href="#">WebCams</a></li>
                                        <li> <a href="#">Speakers</a></li>
                                        <li> <a href="#">Bags &amp; Cases</a></li>
                                        <li> <a href="#">Connectors</a></li>
                            </ul>
                          </li>
                          <li class="mega-menu-col col-lg-6">
                            <ul>
                                <li> <a href="shop-grid-left-sidebar.html">Laptops</a></li>
                                        <li> <a href="#">Hard Drives</a></li>
                                        <li> <a href="#">Motherboards</a></li>
                                        <li> <a href="#">Graphic Cards </a></li>
                                        <li> <a href="#">Processors</a></li>
                                        <li> <a href="#">Keyboards </a></li>
                                        <li> <a href="#">WebCams</a></li>
                                        <li> <a href="#">Speakers</a></li>
                                        <li> <a href="#">Bags &amp; Cases</a></li>
                                        <li> <a href="#">Connectors</a></li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="mega-menu-col col-lg-5">
                        <div class="header-banner2"> <img src="assets/images/electronic/product-ad/04.jpg" alt="menu_banner">
                          <div class="banne_info">
                            <h6>20% Off</h6>
                            <h4>Laptops</h4>
                            <a href="#">Shop now</a> </div>
                        </div>
                        <div class="header-banner2"> <img src="assets/images/electronic/product-ad/05.jpg" alt="menu_banner">
                          <div class="banne_info">
                            <h6>15% Off</h6>
                            <h4>Cameras</h4>
                            <a href="#">Shop now</a> </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="dropdown dropdown-mega-menu"> <a class="dropdown-item nav-link dropdown-toggler" href="#" data-toggle="dropdown"><i class="las la-tablet-alt"></i> <span>Mobile &amp; Tablet</span></a>
                  <div class="dropdown-menu">
                    <ul class="mega-menu d-lg-flex">
                      <li class="mega-menu-col col-lg-7">
                        <ul class="d-lg-flex">
                          <li class="mega-menu-col col-lg-6">
                            <ul>
                                        <li> <a href="#">Accessories</a></li>
                                        <li> <a href="#">Binoculars</a></li>
                                        <li> <a href="#">Telescopes</a> </li>
                                        <li> <a href="#">Camcorders</a></li>
                                        <li> <a href="#">Film Cameras</a></li>
                                        <li> <a href="#">Flashes</a></li>
                                        <li> <a href="#">Webcam</a></li>
                                        <li> <a href="#">Door Camera</a></li>
                                        <li> <a href="#">CCTV Camera</a></li>
                                        <li> <a href="#">Telescopes</a></li>
                            </ul>
                          </li>
                          <li class="mega-menu-col col-lg-6">
                            <ul>
                                   <li> <a href="#">Accessories</a></li>
                                        <li> <a href="#">Binoculars</a></li>
                                        <li> <a href="#">Telescopes</a> </li>
                                        <li> <a href="#">Camcorders</a></li>
                                        <li> <a href="#">Film Cameras</a></li>
                                        <li> <a href="#">Flashes</a></li>
                                        <li> <a href="#">Webcam</a></li>
                                        <li> <a href="#">Door Camera</a></li>
                                        <li> <a href="#">CCTV Camera</a></li>
                                        <li> <a href="#">Telescopes</a></li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="mega-menu-col col-lg-5">
                        <div class="header-banner2"> <a href="#"><img src="assets/images/electronic/product-ad/06.jpg" alt="menu_banner"></a> </div>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="dropdown dropdown-mega-menu"> <a class="dropdown-item nav-link dropdown-toggler" href="#" data-toggle="dropdown"><i class="las la-camera"></i> <span>Camera</span></a>
                  <div class="dropdown-menu">
                    <ul class="mega-menu d-lg-flex">
                      <li class="mega-menu-col col-lg-7">
                        <ul class="d-lg-flex">
                          <li class="mega-menu-col col-lg-6">
                            <ul>
                                        <li> <a href="#">Refrigerators</a></li>
                                        <li> <a href="#">Dishwashers</a></li>
                                        <li> <a href="#">Microwaves</a></li>
                                        <li> <a href="#">Range Hoods</a></li>
                                        <li> <a href="#">Cooktops</a></li>
                                        <li> <a href="#">Tosters</a></li>
                                        <li> <a href="#">Mixer &amp; Grinder</a></li>
                                        <li> <a href="#">Washing Machine</a></li>
                                        <li> <a href="#">Food Processer</a></li>
                                        <li> <a href="#">Gas Stove</a></li>
                            </ul>
                          </li>
                          <li class="mega-menu-col col-lg-6">
                            <ul>

                                        <li> <a href="#">Refrigerators</a></li>
                                        <li> <a href="#">Dishwashers</a></li>
                                        <li> <a href="#">Microwaves</a></li>
                                        <li> <a href="#">Range Hoods</a></li>
                                        <li> <a href="#">Cooktops</a></li>
                                        <li> <a href="#">Tosters</a></li>
                                        <li> <a href="#">Mixer &amp; Grinder</a></li>
                                        <li> <a href="#">Washing Machine</a></li>
                                        <li> <a href="#">Food Processer</a></li>
                                        <li> <a href="#">Gas Stove</a></li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="mega-menu-col col-lg-5">
                        <div class="header-banner2"> <a href="#"><img src="assets/images/electronic/product-ad/06.jpg" alt="menu_banner"></a> </div>
                      </li>
                    </ul>
                  </div>
                </li>
                <li class="dropdown dropdown-mega-menu"> <a class="dropdown-item nav-link dropdown-toggler" href="#" data-toggle="dropdown"><i class="las la-mouse"></i> <span>Accessories</span></a>
                  <div class="dropdown-menu">
                    <ul class="mega-menu d-lg-flex">
                      <li class="mega-menu-col col-lg-4">
                        <ul>
                                        <li> <a href="#">Binoculars</a></li>
                                        <li> <a href="#">Telescopes</a> </li>
                                        <li> <a href="#">Camcorders</a></li>
                                        <li> <a href="#">Film Cameras</a></li>
                                        <li> <a href="#">Flashes</a></li>
                                        <li> <a href="#">Webcam</a></li>
                                        <li> <a href="#">Door Camera</a></li>
                                        <li> <a href="#">CCTV Camera</a></li>
                                        <li> <a href="#">Telescopes</a></li>
                        </ul>
                      </li>
                      <li class="mega-menu-col col-lg-4">
                        <ul>

                                        <li> <a href="#">Dishwashers</a></li>
                                        <li> <a href="#">Microwaves</a></li>
                                        <li> <a href="#">Range Hoods</a></li>
                                        <li> <a href="#">Cooktops</a></li>
                                        <li> <a href="#">Tosters</a></li>
                                        <li> <a href="#">Mixer &amp; Grinder</a></li>
                                        <li> <a href="#">Washing Machine</a></li>
                                        <li> <a href="#">Food Processer</a></li>
                                        <li> <a href="#">Gas Stove</a></li>
                        </ul>
                      </li>
                      <li class="mega-menu-col col-lg-4">
                        <ul>
                                        <li> <a href="#">Samsung</a></li>
                                        <li> <a href="#">Lenovo</a></li>
                                        <li> <a href="#">Motorola</a></li>
                                        <li> <a href="#">Nokia</a></li>
                                        <li> <a href="#">Micromax</a></li>
                                        <li> <a href="#">Lenova</a></li>
                                        <li> <a href="#">Realme</a></li>
                                        <li> <a href="#">Notebook</a></li>
                                        <li> <a href="#">Tablet</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </li>
                <li><a class="dropdown-item nav-link nav_item" href="#"><i class="las la-headphones"></i> <span>Headphones</span></a></li>
                <li><a class="dropdown-item nav-link nav_item" href="#"><i class="las la-gamepad"></i> <span>Gaming</span></a></li>
                <li><a class="dropdown-item nav-link nav_item" href="#"><i class="las la-stopwatch"></i> <span>Watches</span></a></li>
                <li><a class="dropdown-item nav-link nav_item" href="#"><i class="las la-microphone"></i> <span>Home Audio &amp; Theater</span></a></li>
                <li><a class="dropdown-item nav-link nav_item" href="#"><i class="las la-print"></i> <span>Printer</span></a></li>
                
              </ul>
            </div>
          </div>
        </div>
        <div class="col-lg-9">
          <div class="banner-slider banner-3 owl-carousel no-pb h-100" data-dots="true" data-margin="5">
            <div class="item" data-bg-img="assets/images/electronic/bg/01.jpg">
              <div class="container h-100">
                <div class="row h-100 align-items-center">
                  <div class="col py-8 pl-0">
                    <div class="animated3"> <span class="dark-yellow d-inline-block text-white mb-0">Sale up to!</span> <br>
                      <h5 class="dark-red d-inline-block text-white font-w-6">30% Discount on</h5>
                    </div>
                    <h1 class="mt-4 animated3"><span>UA/32J</span><br>
                      Television</h1>
                  </div>
                </div>
              </div>
            </div>
            <div class="item" data-bg-img="assets/images/electronic/bg/02.jpg">
              <div class="container h-100">
                <div class="row h-100 align-items-center">
                  <div class="col py-8 pl-0">
                    <div class="animated3"> <span class="dark-yellow d-inline-block text-white mb-0">Mega Sale!</span> <br>
                      <h5 class="dark-red d-inline-block text-white font-w-6">60% Discount on</h5>
                    </div>
                    <h1 class="mt-4 animated3"><span>UA/32J</span><br>
                      Exclusive</h1>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!--hero section end--> 
  
  <!--body content start-->
  
  <div class="page-content"> 
    
    <!--product ad start-->
    
    <section class="banner-row pt-5 pb-0">
      <div class="container">
        <div class="row">
          <div class="col-12 col-lg-4 col-md-6">
            <div class="position-relative rounded overflow-hidden"> 
              <!-- Background --> 
              <img class="img-fluid hover-zoom" src="assets/images/electronic/product-ad/01.jpg" alt=""> 
              <!-- Body -->
              <div class="position-absolute top-50 pl-5">
                <h6 class="text-white">Digital World</h6>
                <!-- Heading -->
                <h3 class="text-white font-w-7">Exchange <br>
                  Deals</h3>
                <!-- Link --> <a class="more-link text-white" href="#">Shop Now </a> </div>
            </div>
          </div>
          <div class="col-12 col-lg-4 col-md-6 mt-5 mt-md-0">
            <div class="position-relative rounded overflow-hidden"> 
              <!-- Background --> 
              <img class="img-fluid hover-zoom" src="assets/images/electronic/product-ad/02.jpg" alt=""> 
              <!-- Body -->
              <div class="position-absolute top-50 pl-5">
                <h6 class="text-white">Todays Deals</h6>
                <!-- Heading -->
                <h3 class="font-w-7 text-white">Appliances <br>
                  Special</h3>
                <!-- Link --> <a class="more-link text-white" href="#">Shop Now </a> </div>
            </div>
          </div>
          <div class="col-12 col-lg-4 col-md-12 mt-5 mt-lg-0 d-md-none d-lg-block">
            <div class="position-relative rounded overflow-hidden"> 
              <!-- Background --> 
              <img class="img-fluid hover-zoom" src="assets/images/electronic/product-ad/03.jpg" alt=""> 
              <!-- Body -->
              <div class="position-absolute top-50 pl-5">
                <h6 class="text-dark">Hot Deals</h6>
                <!-- Heading -->
                <h3 class="font-w-7">Bluetooth<br>
                  Speaker</h3>
                <!-- Link --> <a class="more-link text-dark" href="#">Shop Now </a> </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!--product ad end--> 
    
    <!--product start-->
    
    <section class="pb-0 pt-5">
      <div class="container">
        <div class="product-block product-block-div">
          <div class="row justify-content-left text-left row_title">
            <h2 class="mb-0 font-w-5 bg-dark-blue">Best Seller</h2>
          </div>
          <div class="row">
               <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="5" data-md-items="2" data-sm-items="1">
               <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/01.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/02.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/03.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/09.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/04.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="card product-card card--default">
                    
                    <a class="card-img-hover d-block" href="product-left-image.html">
            <img class="card-img-top" src="assets/images/electronic/product/14.jpg" alt="...">
                    </a>
                    <div class="card-icons">
  <div class="card-icons__item">
  <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Add to wishlist"> <i class="lar la-heart"></i> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Quick View"><span data-target="#quick-view" data-toggle="modal"> <i class="ion-ios-search-strong"></i></span> </a>
  </div>
  <div class="card-icons__item"> 
   <a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Compare"> <i class="las la-random"></i> </a>
  </div>
</div>
                    <div class="card-info">
                      <div class="card-body">
                        <div class="product-title font-w-4"><a class="link-title" href="product-left-image.html">Wireless Bluetooth</a>
                        </div>
                        <div class="mt-1"> <span class="product-price text-dark"><del class="text-muted">$35.00</del> $25.00</span>
                          <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
                          </div>
                        </div>
                      </div>
                      <div class="card-footer bg-transparent border-0">
                        <div class="product-link d-flex align-items-center justify-content-center">
                        <button class="btn-cart btn btn-yellow-dark mx-3" type="button"><i class="las la-shopping-cart mr-1"></i> Add to cart
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
      </div>
    </section>
    
    <!--product end--> 
    
    <!--product start-->
    
    <section class="pb-0 pt-5">
      <div class="container">
        <div class="product-block product-block-div pb-1">
          <div class="row justify-content-left text-left row_title">
            <h2 class="mb-0 font-w-5 bg-yellow text-dark">New Products</h2>
          </div>
              <div class="row pl-3">
              <div class="owl-carousel no-pb owl-2" data-dots="false" data-nav="true" data-items="3" data-md-items="2" data-sm-items="1">
               <div class="item">
                <div class="col-lg-12 col-md-12 pt-5">
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/15.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                        <span class="product-price"><del class="text-muted">$42.00</del> $37.00</span> 
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                    </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/14.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                       <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                      </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/12.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                       <span class="product-price"><del class="text-muted">$24.00</del> $18.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                      </div>
                  </div>
                  
                </div>
                </div>
                <div class="item">
                <div class="col-lg-12 col-md-12 mt-md-0 pt-5">
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/11.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$12.00</del> $9.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/10.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$19.00</del> $13.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/09.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$24.00</del> $22.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  
                </div>
                </div>
                <div class="item">
                <div class="col-lg-12 col-md-12 mt-lg-0 pt-5">
   <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/06.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$42.00</del> $37.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/08.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                       <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                      </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/07.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                       <span class="product-price"><del class="text-muted">$24.00</del> $18.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                      </div>
                  </div>
                  
                </div>
                </div>
                <div class="item">
                <div class="col-lg-12 col-md-12 mt-lg-0 pt-5">
   <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/05.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$42.00</del> $37.00</span> 
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                      </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/04.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$35.00</del> $25.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  <div class="media align-items-center mb-4"> <a class="d-block mr-3" href="product-left-image.html"> <img class="border" src="assets/images/electronic/product/03.jpg" alt="Product" width="100"> </a>
                    <div class="media-body">
                      <div class="product-title"><a class="link-title" href="#">Wireless Bluetooth Receiver</a> </div>
                      <span class="product-price"><del class="text-muted">$24.00</del> $18.00</span>
                      <div class="star-rating"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
                       </div>
                  </div>
                  
                </div>
                </div>
                </div>
              </div>
            </div>
          </div>
    </section>
    
    <!--product end--> 
    
    
    <!--blog start-->
    
    <section class="pb-0 pt-5">
  <div class="container">
      <div class="product-block product-block-div">
    <div class="row justify-content-left text-left row_title">
        <h2 class="mb-0 font-w-6 bg-redish">Latest From Blog</h2>
    </div>
    <!-- / .row -->
    <div class="row m-0">
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">20 June</div>
            <img class="card-img-top hover-zoom" src="assets/images/electronic/blog/01.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Speaker,</a><a class="d-inline-block link-title btn-link text-small" href="#">Audeo,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Theater</a>
            </div>
            <h2 class="h5 font-w-5 mt-2 mb-0">
                <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">13 May</div>
            <img class="card-img-top hover-zoom" src="assets/images/electronic/blog/02.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Watch,</a><a class="d-inline-block link-title btn-link text-small" href="#">Digital,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Waterproof</a>
            </div>
            <h2 class="h5 font-w-5 mt-3">
                <a class="link-title" href="blog-single.html">Premium template with unlimited colours, and fully Customizable</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-4 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative overflow-hidden">
            <div class="position-absolute z-index-1 bottom-0 bg-white text-primary shadow-primary text-center py-1 px-2 rounded ml-3 mb-3">07 Apr</div>
            <img class="card-img-top hover-zoom" src="assets/images/electronic/blog/03.jpg" alt="Image">
          </div>
          <div class="card-body px-0 pb-0">
            <div> <a class="d-inline-block link-title btn-link text-small mr-2" href="#">Mobile,</a><a class="d-inline-block link-title btn-link text-small" href="#">Phones,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Smartphones</a>
            </div>
            <h2 class="h5 font-w-5 mt-3">
                <a class="link-title" href="blog-single.html">Awesome template with lot's of features on the board!</a>
              </h2>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
    </div>
  </div>  
  </div>
</section>
    
    
    <!--blog end--> 
    
    <section class="pt-1 pb-8">
  <div class="container">
<div class="row mt-8">
      <div class="col-12">
        <div class="owl-carousel no-pb" data-dots="false" data-items="5" data-md-items="3" data-sm-items="1">
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/01.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/02.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/03.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/04.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/05.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/06.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/07.png" alt="">
          </div>
          <div class="item">
            <img class="img-fluid d-inline" src="assets/images/client/08.png" alt="">
          </div>
        </div>
      </div>
    </div>
</div>
</section>
    
    
    <!--feature start-->
    
    <section class="bg-yellow services-block-1 py-5">
      <div class="container "> 
        <!-- / .row -->
        <div class="row">
          <div class="col-lg-3 col-sm-6">
            <div class="d-flex p-3">
              <div class="mr-3"> <i class="las la-truck ic-2x text-dark"></i> </div>
              <div>
                <h5 class="mb-1 text-dark">Free Shipping</h5>
                <p class="mb-0 text-dark">Free Shipping on order over $99</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 mt-3 mt-sm-0">
            <div class="d-flex p-3">
              <div class="mr-3"> <i class="las la-wallet ic-2x text-dark"></i> </div>
              <div>
                <h5 class="mb-1 text-dark">Money Return</h5>
                <p class="mb-0 text-dark">100% Money Back Guarentee</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
            <div class="d-flex p-3">
              <div class="mr-3"> <i class="las la-briefcase ic-2x text-dark"></i> </div>
              <div>
                <h5 class="mb-1 text-dark">Return Policy</h5>
                <p class="mb-0 text-dark">30 Days Return Service Available</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 mt-3 mt-lg-0">
            <div class="d-flex p-3">
              <div class="mr-3"> <i class="las la-mobile ic-2x text-dark"></i> </div>
              <div>
                <h5 class="mb-1 text-dark">24/7 Support</h5>
                <p class="mb-0 text-dark">Call +1 800 123 1234 <br>
                flipmarto@gmail.com
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!--feature end--> 
    
  </div>
  
  <!--body content end--> 
  
  <!--footer start-->
  
<footer class="py-7 bg-dark-grey">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html">
              <img class="img-fluid" src="assets/images/logo3.png" alt="">
            </a>
        <p class="my-3 text-muted pr-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in velit a nibh ullamcorper dictum a malesuada ex. Donec sit amet volutpat nunc.</p>
        <ul class="list-inline mb-0">
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-facebook"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-dribbble"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-instagram"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-twitter"></i></a>
          </li>
          <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-linkedin"></i></a>
          </li>
        </ul>
      </div>
      <div class="col-12 col-lg-8 mt-6 mt-lg-0">
        <div class="row">
          <div class="col-12 col-sm-4 navbar-white">
            <h6 class="mb-4 text-white font-w-5 txt-transform">Quick Links</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Shipment</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="about-us-1.html">About</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="shop-grid-left-sidebar.html">Shop</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="faq.html">Faq</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="blog-card.html">Blogs</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="contact-us.html">Contact Us</a>
              </li>
            </ul>
          </div>
          
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-white font-w-5 txt-transform">Information</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="terms-and-conditions.html">Term Of Service</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="privacy-policy.html">Privacy Policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Support</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Orders History</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Your Account</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Suppliers</a>
              </li>
            </ul>
          </div>
          <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
            <h6 class="mb-4 text-white font-w-5 txt-transform">Shopping Guide</h6>
            <ul class="navbar-nav list-unstyled mb-0">
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Site Map</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Search Terms</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Advanced Search</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Return policy</a>
              </li>
              <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Where is my order?</a>
              </li>
              <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Our Story</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      
    </div>
    
    <hr class="my-6 light-border">
    <div class="row text-muted align-items-center">
      <div class="col-md-7 font-w-4"><small>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small>
      </div>
      <div class="col-md-5 text-md-right mt-3 mt-md-0">
        <ul class="list-inline mb-0">
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/01.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/02.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/03.png" alt="">
            </a>
          </li>
          <li class="list-inline-item">
            <a href="#">
              <img class="img-fluid" src="assets/images/pay-icon/04.png" alt="">
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>
  
  <!--footer end--> 
  
</div>

<!-- page wrapper end --> 



<!-- Quick View Modal -->
<div class="modal fade view-modal" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0 pb-0">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button>
      </div>
      <div class="modal-body">
        <div class="row align-items-center">
          <div class="col-lg-5 col-12"> <img class="img-fluid rounded" src="assets/images/product/large/01.jpg" alt="" /> </div>
          <div class="col-lg-7 col-12 mt-5 mt-lg-0">
            <div class="product-details">
              <h3 class="mb-0">Women Sweater</h3>
              <div class="star-rating mb-4"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i> </div>
              <span class="product-price h4">$25.00 <del class="text-muted h6">$35.00</del></span>
              <ul class="list-unstyled my-4">
                <li class="mb-2">Availibility: <span class="text-muted"> In Stock</span> </li>
                <li>Categories :<span class="text-muted"> Women's</span> </li>
              </ul>
              <p class="mb-4">Nulla eget sem vitae eros pharetra viverra Nam vitae luctus ligula suscipit risus nec eleifend Pellentesque eu quam sem, ac malesuada</p>
              <div class="d-sm-flex align-items-center mb-5">
                <div class="d-flex align-items-center mr-sm-4">
                  <button class="btn-product btn-product-up"> <i class="las la-minus"></i> </button>
                  <input class="form-product" type="number" name="form-product" value="1">
                  <button class="btn-product btn-product-down"> <i class="las la-plus"></i> </button>
                </div>
                <select class="custom-select mt-3 mt-sm-0" id="inputGroupSelect01">
                  <option selected>Size</option>
                  <option value="1">XS</option>
                  <option value="2">S</option>
                  <option value="3">M</option>
                  <option value="3">L</option>
                  <option value="3">XL</option>
                  <option value="3">XXL</option>
                </select>
                <div class="d-flex text-center ml-sm-4 mt-3 mt-sm-0">
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter01" name="Radios">
                    <label class="form-check-label" for="color-filter01" data-bg-color="#3cb371"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter02" name="Radios" checked>
                    <label class="form-check-label" for="color-filter02" data-bg-color="#4876ff"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter03" name="Radios">
                    <label class="form-check-label" for="color-filter03" data-bg-color="#0a1b2b"></label>
                  </div>
                  <div class="form-check pl-0">
                    <input type="radio" class="form-check-input" id="color-filter04" name="Radios">
                    <label class="form-check-label" for="color-filter04" data-bg-color="#f94f15"></label>
                  </div>
                </div>
              </div>
              <div class="d-sm-flex align-items-center mt-5">
                <button class="btn btn-primary btn-animated mr-sm-4 mb-3 mb-sm-0"><i class="las la-shopping-cart mr-1"></i>Add To Cart</button>
                <a class="btn btn-animated btn-dark" href="#"> <i class="lar la-heart mr-1"></i>Add To Wishlist</a> </div>
              <div class="d-sm-flex align-items-center border-top pt-4 mt-5">
                <h6 class="mb-sm-0 mr-sm-4">Share It:</h6>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-facebook"></i></a> </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-dribbble"></i></a> </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-instagram"></i></a> </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-twitter"></i></a> </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-linkedin"></i></a> </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Modal -->
<div class="modal fade newsletter" id="mailchimpModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i>
        </button>
      <div class="modal-body p-3 text-center">
        <div class="mb-2">
          <img class="img-fluid" src="assets/images/electronic/bg/newsletter.jpg" alt="">
          <h2 class="mb-0">Join our newsletter and get 20% discount</h2>
        </div>
        <div class="subscribe-form mx-7 mb-4">
          <form id="mc-form1" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Enter your email..." required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-blue overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> 
          <small class="bottom-text">
          <input name="notshowpopup" id="notshowpopup" type="checkbox">
          Don’t show this popup again</small>
        </div>
      </div>
    </div>
  </div>
</div>

<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end--> 

<!-- inject js start --> 
<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/owl.carousel.min.js"></script> 
<script src="assets/js/light-slider.js"></script> 
<script src="assets/js/parallax.js"></script> 
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script> 
<script src="assets/js/jquery.dd.min.js"></script> 
<script src="assets/js/validator.js"></script> 
<script src="assets/js/wow.js"></script> 
<script src="assets/js/theme-script.js"></script> 

<!-- inject js end -->

</body>
</html>
